<!doctype html>
 <html>
    <head>
  
<title>闲游</title>
       <style type="text/css">
         *{margin:0;padding:0}
          h1 { font-size:70px; font-family:; text-align:center; }
          h2{font-size:300%;width:25%;text-align:center;float:left;color:#F00}
          p1{font-size:170%;text-align:center;color:#F00}
           .lianjie{font-size:300%;width:75%;text-align:center;float:left;}
           .layer1{width:100%; height:auto; color:#DEB887;text-align:center;font-size:100%} 
           .layer2{width:25%; height:auto; color:black; text-align:center; float:left;font-size:200%; font-family:Xingkai sc;line-height:100px;} 
           .layer3{width:50%; height:auto;  color:black;text-align:center;float:left; }
           .layer4{width:25%; height:auto;  color:black;text-align:center;float:left;font-size:170%;line-height:160%;}     
           .layer5{width:25%; height:auto;  color:black;text-align:center;float:left;font-size:370%;line-height:
		   200%;}
           .layer6{width:50%; height:auto;  color:black;text-align:center;float:left;}
           .layer7{width:25%; height:auto;  color:black;text-align:center;float:left;font-size:170%;line-height:170%;}
           .layer8{width:100%; height:auto;  color:black;text-align:center;float:left;font-size:200%;line-height:10%;}
               
                    
       body {
	background-image: url(bj.jpg);
	background-repeat: repeat;
}
       </style>
    <meta charset="utf-8">
    </head>
    <body><h1>闲游</h1>
       <div class="layer1">独自一人带着衣服行李，骑着自己心爱的自行车前往远方，游尽祖国的大好山河，探索古人吟诗作对的奥秘。我有一个梦想“诗和远方” ————一位闲人</div><hr></body>
<body><h2>骑行与徒步</h2> <div class="lianjie">其他板块预留链接位</div>
<div class="layer2">
      
         <p>风土民情</p>
         <p>旅途美景</p>    
         <p>旅途美食</p>
         <p>路途住所</p>
         <p>我的旅途</p>
         <p>路线规划</p>
       <p1>登山游水</p1>
         <p>名山名水推荐</p> 
         <p>山水美食</p>
         <p>山水景色</p>
         <p>展示风采</p>
         <p>交通方式</p>
         <p>酒店推荐</p>
         <p>旅费预计</p>            
       </div>    
        <div class="layer3"> <img src="tu1.jpg" width="100% height="1200"></div> 
        
       <div class="layer4"> 
           <h3>装备推荐</h3>
           <p>骑行车辆</p>
           <p>骑行服</p>
           <p>骑行背包</p>
           <p>旅途帐篷</p>
           <p>骑行速干鞋</p>
           <p>车辆配件</p>
           <p>维修工具</p>
           <p>步行鞋</p>
           <p>速干服</p>
           <p>步行背包</p>
           <p>帐篷</p>
           <p>炊具</p>
           <p>必备药物</p> </div>
  <div class="layer6"><img src="tu2.jpg" width="100%" height="602"></div> 
  <div class="layer7">
      <h3>登山装备推荐</h3>
           <p>登山服</p>
           <p>登山杖</p>
           <p>登山靴</p>
           <p>登山绳</p>
           <p>氧气罐</p>
           <p>救生绳</p>
           <p>登山背包</p> 
<h3>游水装备推荐</h3>
       <p>泳衣</p>
       <p>潜水装备</p>
       <p>漂流装备</p>
       <p>航行装备</p>
       <p>救生设备</p>
       
</div> 
<div class="layer8"><p>闲人帮出品</p></div> 







     

</body>

 </html>


<boby>
 
